<template>
  <header class="main-header">
    <h1>TdooList</h1>
  </header>
</template>

<script>
export default {
  name: "MainHeader",
};
</script>

<style lang="stylus">
//引入变量颜色
@import '~assets/styles/theme.styl';

.main-header
  text-align center

  h1
    // 字体样式
    font-family 'STXingkai'

    margin 20px 0px
    font-size: 180px
    font-weight: 200
    //变量颜色
    color $Floralwhite
    text-shadow 10px 10px 15px rgba(0 0 0 0.5)
</style>
